<template>
  <m-page>
    <template #head>
      <m-navbar :title="title" />
    </template>

    <div>ssssggggg</div>
    <ClientOnly>
      <span>ssss</span>
      <aplayer autoplay
        :music="{
          title: '那么爱你为什么',
          artist: '黄品源&莫文蔚',
          src: 'https://api.pjpiao.com/public/upload/mp3/hpy_nmanwsm.mp3',
          pic: 'https://img4.kuwo.cn/star/albumcover/500/36/95/1005852898.jpg'
        }"
      />
      <!-- <vue-plyr>
        <audio controls crossorigin playsinline>
          <source src="https://api.pjpiao.com/public/upload/mp3/hpy_nmanwsm.mp3" type="audio/mp3">
        </audio>
      </vue-plyr> -->

    </ClientOnly>
    <index-footer />
  </m-page>

</template>
<script setup>
import { ref } from 'vue'

const title = ref('')
// let player = new Music({
//   id: 'aplayer',
//   url: [{
//     src: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.mp3',
//     poster: 'https://moeplayer.b0.upaiyun.com/aplayer/secretbase.jpg',
//     name: 'secret base~君がくれたもの~',
//     artist: 'Silent Siren',
//     vid: '0001'
//   }],
//   volume: 0.8,
// })
</script>
